.home-life {
    background-color: #F2F4F8;
    padding-bottom: 141/75rem;
    .right-icons {
        height: 25/75rem;   
    }
    .product {
        background-color: #fff;
        text-align: center;
        padding-bottom: 30/75rem;
        .pro-title {
            margin-top: 20/75rem;
            font-size: 38/75rem;
            color: #444;
        }
        .pro-subtitle {
            margin-top: 10/75rem;
            font-size: 28/75rem;
            color: #999;
        }
        .pro-price {
            margin-top: 10/75rem;
            color: #ff4444;
            font-size: 32/75rem;   
            font-weight: bold;         
        }
    }
    .user-info {
        height: 141/75rem;
        margin-top: 20/75rem;
        background-color: #fff;
        padding: 0 38/75rem 0 51/75rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .left-info {
            display: flex;
            >img {height: 95/75rem;
                border-radius:100%;
                width:95/75rem;
            }
            .title {
                display: flex;
                flex-direction: column;
                justify-content: center;
                margin-left: 25/75rem;
                font-size: 28/75rem;
                .big-title {color: #444; font-weight: bold;}
                .desc-title { font-size: 26/75rem; }
            }
        }
    }
    .user-diss {
        background-color: #fff;
        margin-top: 20/75rem;
        padding: 0 38/75rem 0 51/75rem;
        .user-title {
            height: 103/75rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            .left-content {
                display: flex;
                align-items: center;
                font-size: 32/75rem;
                color: #444;
                i {font-size: 120%; color: #845F3F; vertical-align: sub;}
            }
            .right-icon {
                display: flex;
                align-items: center;
                img { margin-left: 25/75rem;}
            }
        }
        .diss-list {
            padding: 20/75rem 0;
            .user-header {
                display: flex;
                align-items: center;
                justify-content: space-between;
                .left {
                    display: flex;
                    align-items: center;
                    .user-name { font-size: 26/75rem; }
                    >img {margin-right: 30/75rem; height: 95/75rem;border-radius: 100%;width: 95/75rem;
                    }
                }      
                .right {font-size: 24/75rem;}      
            }
            .diss-info { margin-top: 25/75rem; font-size: 28/75rem;}
        }
    }
    .pro-detail {
        margin-top: 20/75rem;
        background-color: #fff;
        height: 91/75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        div {
            height: 100%;
            line-height: 91/75rem;
            text-align: center;
            flex:1;
            font-size: 28/75rem;
            position: relative;
            &.active {
                color: #ff4444;
                border-bottom: 2px solid #ff4444;
            }

        }
    }
    .popup1 {
        position: relative;
        background-color: #fff;
        .fa-close {
            position: absolute;
            top: 5px;
            right: 5px;
            font-size: 150%;
        }
        .product-info {
            padding: 34/75rem 0 0 25/75rem;
            align-items: center;
            margin-bottom: 40/75rem;
            .img {width: 170/75rem;height: 170/75rem;
                img {width: 100%;height: 100%;}
            }
            display: flex;
            .right {
                margin-left: 37/75rem;
                .price {
                    font-size: 30/75rem;
                    color: #222;
                }
                .select {
                    font-size: 28/75rem;
                    color: #888888; 
                    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
                }
            }

        }
        .pro-color {
            padding-left: 25/75rem;
            .title { font-size: 30/75rem; color: #444; margin-bottom: 25/75rem;}
            &.pro-size { margin-top: 32/75rem; }
            .color-list {
                display: flex;
                flex-wrap: wrap;
                .item {
                    line-height: 57/75rem;
                    text-align: center;
                    height: 57/75rem;
                    min-width: 143/75rem;
                    margin-bottom: 25/75rem;
                    font-size: 26/75rem;
                    color: #444;
                    margin-right: 30/75rem;
                    box-sizing: border-box;
                    padding: 0 20/75rem;
                    &.vux-1px:before {
                        border:1px solid #444;
                    }
                    &.active {
                        color: #fe4543;
                        border-color: #fe4543;
                        &.vux-1px:before {
                            border:1px solid #fe4543;
                        }
                    }
                }
            }
        }
        .btn {
            width: 100%;
            margin-top: 81/75rem;
            height: 93/75rem;
            line-height: 93/75rem;
            text-align: center;
            background-color: #FB4749;
            color: #fff;
        }
    }
}